<style>
    html,
    body {
        position: relative;
        height: 100%;
    }

    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
    }

    .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
</style>
</head>

<body>
    <header>
        <div class="main">
            <a href="__ROOT__/"><img src="__ROOT__/static/blupilot/img/logo.png" class="logo" /></a>
            <div class="fr fot txtFFF">Welcome bluPilot，
                <php>$user=cmf_get_current_user();</php>
                <if condition="$user neq ''">
                    {$user.user_login}
                    <a class="txtFFF" href="{:url('user/app/index')}">Member Center</a>
                    <a class="txtFFF" href="{:url('user/index/logout')}">Logout</a>
                    <else/>  Please
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="login()">Sign In</a>
                    <a class="txtFFF pl_15 pr_15" href="#" onclick="register()">Sign Up</a>
                </if>
            </div>
        </div>
    </header>